    *{
    font-size: 16px;
    margin: auto;
    font-family: dingding;
}
@font-face{
    font-family: dingding;
    src: url('DingTalk_JinBuTi_Regular.woff'),url('DingTalk_JinBuTi_Regular.woff2');

}
#d1{
    width: 100%;
    height: 82px;
    background-color:#191b2a ;
    /* border-style: double; */
    /* overflow: hidden; */
    position: relative;
}
#d2{
    width: 120px;
    height: 40px;
    position: relative;
    top: 10%;
}
#d3{
    height: 50px;
    width: 150px;
    position: relative;
    top: 15%;
}
.d13{
    color: aliceblue;
    font-size: 25px;
    list-style-type: none;
}
#d4{
    width: 100%;
    height: 65px;
    position: relative;
}
#d5{
    width: 90%;
    height: 65px;
    position: relative;
}
.le{
    float: left;
}
#itou{
    width: 30px;
    height: 30px;
    top: 40%;
}
#i1{
    width: 120px;
    height: 40px;
    position: relative;
    top: 30%;
}
#i2{
    width: 120px;
    height: 25px;
    position: relative;
    top: 30%;
}
.a1{
    text-decoration: none;
    color: aliceblue;
    font-size: 25px;
}
.a3{
    text-decoration: none;
    color: red;
    font-size: 25px;
}
.a2{
    text-decoration: none;
    color: #eac05b;
    font-size: 25px;
}
a:hover{
    color: red;
}
.dcen{
    text-align: center;
    /* display: block; */
    line-height: 82px;
    font-size: 25px;
}
#denglu{
    height: 82px;
    width: 200px;
}
.l1{
    height: 82px;
    width: 230px;
    position: relative;
}
#d52{
    text-align: center;
    display: block;
    height: 50px;
    width: 100%;
    line-height: 50px;
}
.d51{
    height: 50px;
    width: 49.8%;
    border:1px solid gray;
    border-radius: 6px;
}
.d53{
    color: aliceblue;
    font-size: 30px;
    background-color: #191b2a;
}
.d54{
    color: #191b2a;
    font-size: 30px;
    background-color: aliceblue;
}
#d6{
    height: 160px;
    width: 90%;
}
.d61{
    height: 160px;
    width: 28%;
}
.d62{
    height: 160px;
    width: 8%;
}
.i3{
    height: 140px;
    width: 100%;
}
.d7{
    height: 40px;
    width: 100%;
}
#d8{
    height: 500px;
    width: 100%;
}
#d81{
    width: 90%;
    height: 45px;
    background-color: #fd104b;
    color: #ffffff;
    font-size: 20px;
    border-radius: 6px;
}
#d81 > div{
    height: 45px;
    width: 8.3%;
    float: left;
    line-height: 45px;
    text-align: center;
}
#d82{
    width: 90%;
    height: 450px;
    overflow: auto;

}
#d82::-webkit-scrollbar{
    width: 5px;
}
#d82::-webkit-scrollbar-thumb{
    border-radius: 5px;
    background: rgb(207, 206, 206);
}
#d82::-webkit-scrollbar-track{
    border-radius: 5px;
    background: rgb(233, 231, 231);
}
#d83{
    list-style:none;
    padding-left:0 ;
}
#d83 > li{
    height: 50px;
    padding: 0;
    margin: 0;
    border-bottom: 1px solid rgb(230, 216, 216);
}
#d83 > li >div{
    height: 50px;
    width: 8.3%;
    float: left;
    border-bottom: black;
    line-height: 50px;
    text-align: center;
}
.i4{
    height:50px;
    width: 50px;
}
#d9{
    height: 50px;
    width: 100%;
}
#dcopy{
    width: 100%;
    height: 100px;
    background-color: #e3e2e2;
    color: #9f9378;
}
#bback{
    background-color: #f4f4f4;
}